import {ConfigEnv, defineConfig, loadEnv, UserConfig} from 'vite'


import vue from '@vitejs/plugin-vue'
import {resolve,join} from 'path'
import {createSvgIconsPlugin} from "vite-plugin-svg-icons";
// https://vitejs.dev/config/
export default defineConfig(({mode}: ConfigEnv): UserConfig  => {
    const viteEnv = loadEnv(mode, process.cwd())
    console.log('vite.config.ts-vite-viteEnv',viteEnv)
    return {
        plugins: [
            vue(),
            createSvgIconsPlugin({
                // 这个是自己配置的图标路径，指出来（自己咋配置的咋来）
                iconDirs: [resolve(process.cwd(), 'src/assets/svg')],
                // 这个表示id，按这个来就对了
                symbolId: 'icon-[dir]-[name]',
            })
        ],
        resolve: {
            alias: {
                "@": resolve(__dirname, "./src"),
                'vue-i18n':'vue-i18n/dist/vue-i18n.cjs.js'
            }

        },
        server: {
            port:Number(viteEnv.VITE_APP_PORT),//设置服务启动端口号，是一个可选项，不要设置为本机的端口号，可能会发生冲突
            open:true,//是否自动打开浏览器，可选项
            cors:true,//允许跨域。
            // 设置代理
            proxy: {
                // 将请求代理到另一个服务器
                // '/api': {
                [viteEnv.VITE_APP_BASE_API]: {
                    target:  viteEnv.VITE_APP_API_URL,//这是你要跨域请求的地址前缀
                    // target: 'http://localhost:3333',//这是你要跨域请求的地址前缀
                    changeOrigin: true,//开启跨域
                    rewrite: (path) => path.replace(new RegExp("^" + viteEnv.VITE_APP_BASE_API), ""),
                }
            }
        },

        css:{
            preprocessorOptions:{
                scss:{
                    additionalData: `@import 'src/style/var.scss';`//全局变量的位置
                }
            }
        }
    }

})
